<template>
	<view>
		<view class="header">
			<u-dropdown menu-icon="arrow-down-fill" menu-icon-size="12" title-size="24" active-color="#3458A2"
				height="100" :border-bottom="true">
				<u-dropdown-item v-for="(c,i) in list" :key="i" :title="c.time" :options="c.options"></u-dropdown-item>
			</u-dropdown>
		</view>



		
		<view class="charts-box">
			<qiun-data-charts type="ring" :chartData="l.chartDatas" :errorShow="false" :echartsApp="true"
				:inScrollView="true" :disableScroll="true" background="none" :opts="l.listsd" />
		</view>


		<view class="footer">

			<view>
				账户性质明细表
			</view>
			<view>
				（单位：万元）
			</view>

			<view @click="indexRoUt">
				<i class="el-icon-crop"></i>

			</view>


		</view>


		<view class="footeraaaaaaaaaaa">
			<el-table :data="fenbutu" style="width: 100%" :cell-style="cellStyle" :header-cell-style="tableHeaderColor">
				<el-table-column prop="dq" label="地区" width="80">
				</el-table-column>
				<el-table-column prop="fr" label="法人" width="80">
				</el-table-column>
				<el-table-column prop="hj" label="合计" width="80">
				</el-table-column>
				<el-table-column prop="js1" label="建设银行" width="80">
				</el-table-column>
				<el-table-column prop="js2" label="农业银行" width="80">
				</el-table-column>
				<el-table-column prop="js3" label="工商银行" width="80">
				</el-table-column>
				<el-table-column prop="js4" label="中国银行" width="80">
				</el-table-column>
				<el-table-column prop="js5" label="招商银行" width="80">
				</el-table-column>
				<el-table-column prop="js6" label="其他" width="80">
				</el-table-column>
				<el-table-column prop="js7" label="东亚银行" width="80">
				</el-table-column>

			</el-table>

		</view>




	</view>
</template>
<style scoped src="../../css/css1-10/sanAllcss/sanAllcss.min.css">
</style>
<script>
	import l from '../../index/index.js'
	export default {
		data() {
			return {
				list: [{
						time: "时间",
						fel: false,
						options: []
					},
					{
						time: "口径",
						fel: false,
						options: [{
								label: '自有口径',
								value: 0
							},
							{
								label: '上市口径',
								value: 1
							},
							{
								label: "操盘口径(不含练操)",
								value: 2
							},
							{
								label: "操盘口径(含练操)",
								value: 3
							},
							{
								label: '表外口径',
								value: 4
							},
							{
								label: '非自有表内',
								value: 5
							},
							{
								label: '非自有',
								value: 6
							},
							{
								label: '全口径',
								value: 7
							},
						],
					},
					{
						time: "类别",
						fel: false,
						options: []
					},
					{
						time: "币种",
						fel: false,
						options: []
					},
					{
						time: "地区",
						fel: false,
						options: []
					},
					{
						time: "银行",
						fel: false,
						options: []
					}
				],
				text: {
					l1: '集团资金余额',
					l2: '837亿元',
					l3: '（Ⅰ类&Ⅱ类余额合计：568亿）',
				},
				l: l,
				fenbutu: [{
						dq: '合计',
						fr: '',
						hj: '500,573',
						js1: "500,573",
						js2: "500,573",
						js3: "500,573",
						js4: "500,573",
						js5: "500,573",
						js6: "500,573",
						js7: "500,573",
					},
					{
						dq: '合计',
						fr: '',
						hj: '500,573',
						js1: "500,573",
						js2: "500,573",
						js3: "500,573",
						js4: "500,573",
						js5: "500,573",
						js6: "500,573",
						js7: "500,573",
					},
					{
						dq: '合计',
						fr: '',
						hj: '500,573',
						js1: "500,573",
						js2: "500,573",
						js3: "500,573",
						js4: "500,573",
						js5: "500,573",
						js6: "500,573",
						js7: "500,573",
					},
					{
						dq: '合计',
						fr: '',
						hj: '500,573',
						js1: "500,573",
						js2: "500,573",
						js3: "500,573",
						js4: "500,573",
						js5: "500,573",
						js6: "500,573",
						js7: "500,573",
					},
					{
						dq: '合计',
						fr: '',
						hj: '500,573',
						js1: "500,573",
						js2: "500,573",
						js3: "500,573",
						js4: "500,573",
						js5: "500,573",
						js6: "500,573",
						js7: "500,573",
					},
					{
						dq: '合计',
						fr: '',
						hj: '500,573',
						js1: "500,573",
						js2: "500,573",
						js3: "500,573",
						js4: "500,573",
						js5: "500,573",
						js6: "500,573",
						js7: "500,573",
					}
				]

			};
		},
		methods: {
			cellStyle(row, column, rowIndex, columnIndex) {
				return 'background:#F7F7F7'
			},
			tableHeaderColor(row) {
				return 'background:#F7F7F7'
			},

			// 集团资金总览表 
			indexRoUt() {
				uni.navigateTo({
					url: `../../index/indexROUT/indexROUT?text=集团资金总览表&obj=` + JSON.stringify(this.fenbutu)
					// url: '../detail/detail?id=10&name=test'
				})


			}
		}
	}
</script>

<style lang="scss" scoped>


	.footer {
		width: 100vw;
		color: #333333;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 49upx;
		margin-bottom: 39upx;
		position: relative;

		view:nth-child(1) {
			font-size: 30upx;

		}

		view:nth-child(2) {
			font-size: 18upx;
			color: #B9B9B9;
		}

		view:nth-child(3) {
			position: absolute;
			right: 30upx;
			top: 4upx;
		}

	}

	.charts-box {
		width: 100vw;
		height: 468upx;
		border-bottom: 1upx solid #EEEEEE;
		margin-top: 50upx ;
		padding: 0 20upx 50upx 20upx;
		
	}


	.center {
		width: 100vw;
		display: flex;
		padding: 0 30upx;
		justify-content: space-around;
		align-items: center;
		margin-bottom: 42upx;

		view:nth-child(1) {
			font-size: 24upx;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: #333333;
		}

		view:nth-child(2) {
			font-size: 30upx;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: #F4B544;
		}

		view:nth-child(3) {
			font-size: 22upx;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: #333333;
		}

	}


</style>
